<div style="height: 100%;">
    <div class="form-group form-md-line-input form-md-floating-label no-hint">
        <label>投产数量: </label>
        {{ pipe.amountPlanned }}
    </div>
    <div class="form-group form-md-line-input form-md-floating-label no-hint">
        <label>拆分数量: <span class="text-danger">*</span></label>
        <input
            class="form-control"
            name="splitQuatily"
            type="number"
            min="1"
            [ngClass]="{ edited: splitQuatily }"
            [(ngModel)]="splitQuatily"
            required
        />
    </div>
    <div class="form-group form-md-line-input form-md-floating-label no-hint">
        <label style="display: block;"
            >完成时间
            <span class="text-danger">*</span>
        </label>
        <div>
            <p-calendar
                [(ngModel)]="dueDate"
                [inputStyle]="{ width: '415px' }"
                name="dueDate"
                dateFormat="yy-mm-dd"
                [showIcon]="true"
            ></p-calendar>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <button
                type="button"
                class="btn btn-sm btn-success float-right"
                (click)="save()"
                [disabled]="!splitQuatily"
                [buttonBusy]="saving"
                [busyText]="'拆分中...'"
            >
                <i class="fa fa-check-circle"></i> <span>拆分</span>
            </button>
        </div>
    </div>
</div>
